<div id="nonjob-bar4" style="height: 100%">

</div>
<script type="text/javascript">
    $(function () {
        var myChart = echarts.init(document.getElementById('nonjob-bar4'), 'macarons');
        var option = {
            title: {
                text: '每天营运金额'
                , show: false
            },
            color: ['#3398DB'],
            tooltip: {
                trigger: 'axis',
                axisPointer: {            // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                }
            },
            grid: {
                top: 20,
                left: 5,
                right: 5,
                bottom: 5,
                containLabel: true
            },
            xAxis: [
                {
                    type: 'category',
                    data: ['一季度', '二季度', '三季度', '四季度'],
                    axisLabel: {
                        textStyle:{
                            color:"#595959"
                        }
                    },
                    axisLine: {
                        show: false
                    },
                    axisTick: {
                        show: false
                    },
                }
            ],
            yAxis: [
                {
                    type: 'value',
                    axisLine: {
                        show: false
                    },
                    axisTick: {
                        show: false
                    },
                    axisLabel: {
                        formatter: function(value){
                            var var1=value*1;
                            return var1;
                        },
                        textStyle:{
                            color:"#595959"
                        }
                    },
                    splitLine:{
                        show:true
                    },
                    splitArea: {
                        show:true,
                        areaStyle: {
                            color: ['rgba(0,0,0,0)', 'rgba(0,0,0,0)']
                        }
                    },

                }
            ],
            series: [
                {
                    name: '每天营运金额',
                    type: 'bar',
                    barWidth: '60%',
                    data: [390010, 403104, 420105, 399013],
                    barWidth:30,
                    itemStyle: {
                        normal: {
                            //好，这里就是重头戏了，定义一个list，然后根据所以取得不同的值，这样就实现了，
                            color: function(params) {
                                var colorList = [
                                    '#0fa99d','#d9d9d9','#4472c4','#c9eee7','#e7a14c',
                                    '#787473','#9BCA63','#FAD860','#F3A43B','#60C0DD',
                                    '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
                                ];
                                return colorList[params.dataIndex]
                            },
                            //以下为是否显示，显示位置和显示格式的设置了
                        }}
                }
            ]
        };
        myChart.setOption(option);
    });
</script>